/* pages/detail/detail.wxss */
.detail {
  padding: 32rpx 32rpx 160rpx;
  .detail-title {
    font-size: 48rpx;
    padding-bottom: 16rpx;
  }
  .detail-date {
    font-size: 30rpx;
    color: #888888;
  }
  .detail-content {
    color: #404246;
    line-height: 60rpx;
    padding: 32rpx 0rpx;
    .rich-img {
      width: 100%;
      // max-height: 300rpx;
      box-sizing: border-box;
    }
    .wp-block-heading {
      padding: 24rpx 0;
    }
  }
  .actionsheet-container {
    display: flex;
    .actionsheet-btn {
      display: flex;
      .actionsheet-icon {
        width: 40rpx;
        height: 40rpx;
      }
    }
  }
  .comment-container {
    .comment-title {
      font-size: 40rpx;
    }
    .comment-nodata {
      text-align: center;
      padding: 32rpx;
      color: #888888;
      .comment-nodata-img {
        width: 297rpx;
        height: 220rpx;
      }
    }
  }
  .detail-bottom {
    position: fixed;
    bottom: 0px;
    left: 0px;
    box-sizing: border-box;
    background-color: #fff;
    padding: 32rpx 32rpx 48rpx;
    width: 100vw;
    box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
    z-index: 1;
    display: flex;
    align-items: flex-end;
    .detail-bottom-comment {
      background-color: #f4f4f4;
      page-break-after: auto;
      padding: 20rpx 32rpx;
      flex: 1;
      box-sizing: border-box;
      border-radius: 36rpx;
      color: #808080;
    }
    // .detail-bottom-btn {
    //   flex: 1;
    //   font-size: 24rpx;
    //   color: #8a8a8a;
    //   display: flex;
    //   justify-content: space-around;
    //   align-items: center;
    //   .detail-bottom-icons {
    //     text-align: center;
    //     .collect-icon {
    //       width: 40rpx;
    //       height: 40rpx;
    //     }
    //   }
    // }
  }
}